<!doctype html>
<html lang="zh">
<head>
  <meta charset="utf-8">
  <title>KISSY - 全终端适配的 JS 类库</title>
  <meta name="viewport" content="width=device-width">
  <link href="http://fonts.googleapis.com/css?family=Droid+Sans|Lekton|Ubuntu+Mono:400,700" rel="stylesheet">
	<link rel="stylesheet" href="templates/assets/bootstrap.css">
	<link href="templates/assets/normalize.css" rel="stylesheet">
	<link href="templates/assets/kissy.css" rel="stylesheet">
	<link href="templates/assets/prettify.css" rel="stylesheet">
	<link href="templates/assets/forkit.css" rel="stylesheet">
	<script src="templates/assets/jquery.min.js"></script>
	<script src="templates/assets/script.js" type="text/javascript"></script>
	<script src="http://g.tbcdn.cn/trip/kissy/1.4.0/seed-min.js"></script>
	<script src="api/assets/highlight.pack.js"></script>
	<link href="api/assets/tomorrow-night-bright.css" rel=stylesheet />
	<link rel="shortcut icon" href="http://a.tbcdn.cn/s/kissy/favicon.ico">
</head>

<body class="">
    <nav id="sidebar">
    <header>
		<a href="index.html">
			<!--img src="http://gtms04.alicdn.com/tps/i4/T1ceiPFbpcXXcljp_h-200-89.png"-->
			<!--img src="templates/assets/img/logo_6.png"-->
			<!--img src="http://gtms04.alicdn.com/tps/i4/T14oa2FcNcXXaOySEh-180-104.png" alt="" /-->
			<!--img src="http://gtms01.alicdn.com/tps/i1/T1Amq1FaXgXXbXVSUh-180-127.png" alt="" /-->
			<img src="http://gtms02.alicdn.com/tps/i2/T1N0jTXXXjXXay7Rri-175-78.png" alt="" />
		</a>
	</header>
    <ul>
      <li class="nav-divider"><a href="index.html"><img src="templates/assets/img/icon-home.png">首页</a></li>
      <li class="nav-divider"><a href="why-kissy.html"><img src="templates/assets/img/icon-why.png">Why KISSY?</a></li>
      <li><a href="get-started.html"><img src="templates/assets/img/icon-getting-started.png">KISSY 1.4.x 教程大纲</a></li>
      <li class="nav-sub"><a href="module-map.html">核心模块列表</a></li>
      <li class="nav-sub"><a href="kmd.html">KISSY 模块规范 (KMD)</a></li>
      <li class="nav-sub"><a href="gbs.html">浏览器兼容基准(GBS)</a></li>
      <li class="nav-sub"><a href="http://cyj.me/jquery-kissy-rosetta/">jQuery KISSY 对比手册</a></li>
      <li class="nav-sub"><a href="http://gallery.kissyui.com/guide">KISSY 组件开发规范</a></li>
      <li class="nav-sub nav-divider"><a href="history.html">历史版本</a></li>
      <li><a href="">API Doc</a></li>
      <li><a href="http://demo.kissyui.com">Demos</a></li>
      <li class="nav-divider"><a href="http://gallery.kissyui.com">KISSY Gallery</a></li>
      <li><a href="tools.html">KISSY 项目构建工具</a></li>
      <li class="nav-sub"><a href="kmc.html">KS Module Compiler</a></li>
      <li class="nav-sub"><a href="http://abc.f2e.taobao.net">ABC</a></li>
      <li class="nav-sub nav-divider"><a href="clam.html">Clam</a></li>
      <li><a href="third-party-lib.html">第三方代码库</a></li>
      <li class="nav-sub"><a href="https://github.com/lorrylockie/tpap/wiki">面向第三方安全的 KISSY</a></li>
      <li class="nav-sub"><a href="http://www.builive.com/demo/index.php">BUI</a></li>
      <li class="nav-sub nav-divider"><a href="http://work.tmall.net/muidoc/build/">MUI</a></li>
      <li><a href="https://github.com/kissyteam/kissy/blob/master/CONTRIBUTING.md">为 KISSY Core 贡献代码</a></li>
      <li class="nav-sub"><a href="http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml">HTML/CSS编码规范</a></li>
      <li class="nav-sub nav-divider"><a href="http://docs.kissyui.com/source/tutorials/style-guide/google/javascriptguide.xml">JavaScript 编码规范</a></li>
	  <li><a href="upgrade.html"><img src="templates/assets/img/icon-documentation.png">1.3.x->1.4.0 升级指南</a></li>
	  <li><a href="faq.html"><img src="templates/assets/img/icon-faqs.png">FAQ</a></li>
      <li><a href="https://github.com/kissyteam/kissy"><img src="templates/assets/img/icon-github.png">GitHub</a></li>
	  <li><a href="core-team.html"><img src="templates/assets/img/icon-google-plus.png">KISSY 核心小组</a></li>
    </ul>
  </nav>

  <div id="content">
    <article>
      

	<h1>一级标题，KISSY</h1>
<p><code>json
|sdf|fsdfds|sdf|
|sdf|fsdfds|sdf|</code></p>
<p>|sdf|fsdfds|sdf|</p>
<h2>二级标题</h2>
<div class="jumbotron">
    <div class="text-center">
        <img src="http://dummyimage.com/560x225/000/fff" alt="" />
        <h1>Hello, world!</h1>
        <p>...</p>
        <p><a class="btn btn-primary btn-lg">Learn more</a></p>
    </div>
</div>

<ul class="list-group">
    <li class="list-group-item">
        <span class="badge">14</span>
        Cras justo odio
    </li>
</ul>


<h3>KISSY 半月报 2013-08-27</h3>
<p>段落:</p>
<p>KISSY 作为阿里前端框架，承载着阿里业务稳步前进，自身也在不断寻求创新和突破。</p>
<p>前不久集团前端技术峰会上正式成立KISSY核心小组，KISSY有了团队的护航，将会更加注重以KISSY为中心的阿里前端技术体系建设、代码沉淀、社区互动，接下来KISSY在哪些方面会有重大改进和升级？KISSY将会如何引领阿里系前端基础库的前进？让我们拭目以待。第一期半月月报，我将为各位简单介绍KISSY接下来要做的几件重要事情，和KISSY的方向。</p>
<pre><code>&lt;div class=&quot;grid&quot;&gt;
    &lt;div class=&quot;unit whole center-on-mobiles&quot;&gt;
        &lt;p class=&quot;first&quot;&gt;Transform your plain text into static&amp;nbsp;websites and&amp;nbsp;blogs.&lt;/p&gt;
    &lt;/div&gt;
&lt;/div&gt;</code></pre>
<h4>第一：KISSY 组件开发者大赛</h4>
<p>9月份会启动KISSY组件开发者大赛，请各位留意相关邮件和ATA社区小报。奖品丰厚，一等奖将获得iPad Mini一台。各位摩拳擦掌吧。</p>
<p>KISSY Gallery 是KISSY社区建设的重点，一方面旨在收集一线业务的优秀代码，另一方面借此增加高质量代码的沉淀和传播。随着组件规范的基本确立，Gallery中组件数量在极速增加。当你想要一些通用组件，记得首先到Gallery中找一找有无你想要的，或许会有惊喜。</p>
<p><img src="http://gtms04.alicdn.com/tps/i4/T1KAquFf4fXXbp3u3i-633-515.png" alt=""></p>
<h4>第二：文档建设</h4>
<blockquote>
<p>引用段落：KISSY 的源码量增加很快，但是大家普遍的抱怨是，文档太少。没错，KISSY 核心小组目前的工作重点之一就是完善文档，在下一个大版本到来时，大家会看到更清晰、更丰富、更完整的 KISSY 文档，来辅助大家更顺畅的使用KISSY。</p>
</blockquote>
<pre><code>{% highlight ruby %}
    def foo
        puts &#39;foo&#39;
    end
{% endhighlight %}</code></pre>
<p>什么时候能看到新的文档发布？10月8日，KISSY 1.4.0 正式发布时，新的文档会同期发布。</p>
<pre><code>Function.prototype.puncture = function(){
    var wormhole = function(__cmd__){
        return eval(__cmd__);
    };

    var source = (&#39;&#39; + this).match(/function.+?\{([\s\S]*)\}/)[1];
    var fn = new Function(&#39;this.wormhole=&#39; + wormhole + &#39;\n&#39; + source);

    fn.prototype = this.prototype;
    for (var prop in this){
        if (this.hasOwnProperty(prop)) fn[prop] = this[prop];
    }

    return fn;
};</code></pre>
<h4>第三：KISSY 1.4.0</h4>
<p>不知不觉，KISSY 已经开始了新版本的开发。1.4.0将会带来这些新特性：</p>
<ul>
<li>更直接清晰的模块依赖，Core 部分的核心组件进行大量瘦身，目标是大幅度减少Core的体积<ul>
<li>二级列表</li>
<li>二级列表</li>
<li>二级列表<ul>
<li>三级列表</li>
</ul>
</li>
</ul>
</li>
<li>Core中的lang、web、ua、path、uri、features、loader均独立出来，特别是loader的独立，新增跨包Combo等功能</li>
<li>增加模块配置工具，支持动态加载和静态引用两种方式</li>
<li>DOM/Node面向移动端的优化，特别是CSS选择器性能，1.4.0 将全面超越 zepto</li>
<li>核心组件的全球化支持</li>
</ul>
<p>在类库的建设上，KISSY 将最大程度保持自主性，小心的寻求性能和兼容性之间的平衡。并坚定不移的实践平稳退化和渐进增强原则，主动探测、保持最上层的API易用与统一。所以，从使用者角度来看，将不会有KISSY Mobile 和 PC的区别，只有一个KISSY。KISSY 自己会做到面向不同设备和平台的探测和适配。</p>
<p>下图是KISSY1.4.0 CSS选择器性能和zepto对比，总之，期待吧。</p>
<p><img src="http://gtms04.alicdn.com/tps/i4/T19b5yFkdXXXXvDWMq-529-511.png" alt=""></p>
<h4>第四：KISSY 第三方安全子集</h4>
<p>我们知道，在商家店铺领域，各种角色都在调用KISSY的代码，包括Core以及Widget，KISSY 在这方面也在努力开放出一套安全的API，可供第三方商家、开发者放心使用。这个方向的工作刚刚启动，目前是石霸在推进，在1.4.0发布时，这个方向会有较大进展。</p>
<h4>第五：业务库</h4>
<p>KISSY 毕竟是为业务服务，基于业务也渐渐生长起了不少业务强相关的DPL和代码库。这些内容是 KISSY 最具价值的宝藏。其中最具代表性的就是<a href="http://work.tmall.net/muidoc/build/">MUI</a>和<a href="http://www.builive.com/demo/index.php">BUI</a>。我们也期待越来越多的业务库的涌现。</p>
<p><img src="http://gtms03.alicdn.com/tps/i3/T1gLuxFXlbXXc7UPAy-750-439.png" alt=""></p>
<h4>All in All</h4>
<p>以上就是本期半月报的内容，各位任何对于KISSY的问题和建议，都可以联系KISSY核心小组成员，KISSY 项目PM：拔赤，运营官：风驰。期待大家的反馈</p>
<font color=green>我们的KISSY，让我们一起来共建！</font>

<p>以上！～</p>


<div id="disqus_thread"></div>
<script>
    if((window.location.hostname.indexOf("kissyui.com")!=-1 )&& window.localStorage.getItem("kissy-commment")!="0"){
    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    var disqus_shortname = 'kissy-docs'; // required: replace example with your forum shortname

    // The following are highly recommended additional parameters. Remove the slashes in front to use.
     //var disqus_identifier = '/anim';
     //var disqus_url = window.location;

    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function() {
        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
    }
</script>



      
  <style>
	.github-btn {
		border: 0 none;
		overflow: hidden;
		margin-top:4px;
	}
	footer {
		border-top:1px solid #e2e2e2;
		padding-top:20px;
		clear:both;
	}
	/* iPhone 及以下 */
	@media only screen and (max-width: 767px) {
		.github-link {
			display:none;
		}
	}
  </style>
  <footer>




	<div class="text-center">
		©2013 - 2033 KISSY UI LIBRARY
		<br /> <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=kissyteam&amp;repo=kissy&amp;type=watch&amp;count=true" width="100" height="20" title="Star on GitHub"></iframe> 
	<iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=kissyteam&amp;repo=kissy&amp;type=fork&amp;count=true" width="102" height="20" title="Fork on GitHub"></iframe>
	</div>
  </footer>
    </article>
  </div>
  <a target="_blank" href="https://github.com/kissyteam/kissy" class="github-link"><img alt="Fork me on GitHub" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" style="position: absolute; top: 0; right: 0; border: 0; z-index: 50"></a>
  <script>
	var S = KISSY;
	(function(){
		S.use('node',function(S){
			S.all('code').each(function(node){
				var className = node.attr('class');
				if(/^lang-/.test(className)){
					var tc = className.replace(/^lang-/,'');
					node.replaceClass(className,tc);
				}
			});
			hljs.tabReplace = '    ';
			hljs.initHighlighting();
		});
	})();
	(function(){
		var h3s = document.getElementsByTagName('h3');
		for(var i = 0;i<h3s.length;i++){
			var str = S.trim(h3s[i].innerHTML);
			try{
				str = str.match(/\w+/)[0];
			}catch(e){
				continue;
			}
			h3s[i].innerHTML = '<a name="'+str+'"></a>' + h3s[i].innerHTML;
		}
	})();
  </script>
</body>
</html>
